<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title><?php echo Mage::helper('adminhtml')->__('Magento Commerce - Administrative Panel') ?></title>
            <style type="text/css" media="all">
                /*<![CDATA[*/ @import "<?php echo $this->getSkinUrl('styles.css') ?>"; /*]]>*/
            </style>
            <link rel="stylesheet" type="text/css" media="screen, projection" href="<?php echo $this->getSkinUrl('menu-top.css') ?>" />
            <!--[if IE]> <link rel="stylesheet" href="<?php echo $this->getSkinUrl('iestyles.css') ?>" type="text/css" media="all" /> <![endif]-->
            <!--[if lt IE 7]><script defer type="text/javascript" src="<?php echo $baseUrl ?>js/lib/ds-sleight.js"></script><![endif]-->
            <script type="text/javascript" src="<?php echo $baseUrl ?>js/lib/dropdown.js"></script>
        </head>
        <body>
            <div class="header">
                <a href="#"><img src="<?php echo $this->getSkinUrl('images/logo.gif') ?>" alt="Magento logo" class="logo"/></a>
                <div class="header-right">
                    <p>Today is: June 01, 2007<span class="separator">|</span><strong>Minu Oh</strong> (Administrator)<span class="separator">|</span><a href="#">Logout</a></p>
                    <fieldset>
                        <input type="text" class="input-text" value="Search by Keyword"/>
                    </fieldset>
                </div>
                <div class="clear"></div>

                <?php echo $this->getLayout()->createBlock('adminhtml/page_menu')->toHtml() ?>

            </div>
            <div class="middle">
                <ul class="breadcrumbs">
                    <li><a href="#">Home</a> &raquo;</li>
                    <li><a href="#">Customer</a> &raquo;</li>
                    <li>#0011234</li>
                </ul>
                <div class="container"><!-- accomodates the section-menu by border width (for IE bug) -->
                    <div class="main">
                        <div class="content-container"><!-- content positioning -->
                            <div class="content"><!-- content presentation -->
                                <div class="head">
                                    <table cellspacing="0">
                                        <tr>
                                            <td style="width:50%;"><h2>Minu Oh - Customer View</h2></td>
                                            <td class="buttons"><strong class="button"><span>Save</span></strong></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="box-left customer-personal">
                                    <h3>Personal Information</h3>
                                    <div class="box">
                                        <p><strong>Last Logged in:</strong> June, 16, 2007 ( Currently <strong>OFFLINE</strong> )</p>
                                        <p><strong>Account Created:</strong> April 1, 2001</p>
                                        <address>
                                        <strong>Contact Information</strong><br/>Minu Oh ( <a href="mailto:minu@varien.com">minu@varien.com</a>)<br/>
                                        3402  Motor Ave Suite B<br/>
                                        Los Angeles, CA 90034<br/>
                                        United States<br/>
                                        <small><strong>T</strong> |</small> (310) 123-1234</address>
                                    </div>
                                </div>
                                <div class="box-right sales-tally">
                                    <h3>Sales Tally</h3>
                                    <div class="box">
                                        <table cellspacing="0" class="data">
                                            <thead>
                                                <tr>
                                                    <th>&nbsp;</th>
                                                    <th>Lifetime Sales</th>
                                                    <th>Average Sale</th>
                                                </tr>
                                            </thead>
                                            <tfoot>
                                                <tr>
                                                    <td class="label"><big>Total</big></td>
                                                    <td><big>$9000.82</big></td>
                                                    <td><big>$400.99</big></td>
                                                </tr>
                                            </tfoot>
                                            <tbody>
                                                <tr>
                                                    <td class="label">Site 1</td>
                                                    <td>$1899.82</td>
                                                    <td>$82.99</td>
                                                </tr>
                                                <tr class="even">
                                                    <td class="label">Site 1</td>
                                                    <td>$1899.82</td>
                                                    <td>$82.99</td>
                                                </tr>
                                                <tr>
                                                    <td class="label">Site 1</td>
                                                    <td>$1899.82</td>
                                                    <td>$82.99</td>
                                                </tr>
                                                <tr class="even">
                                                    <td class="label">Site 1</td>
                                                    <td>$1899.82</td>
                                                    <td>$82.99</td>
                                                </tr>
                                                <tr>
                                                    <td class="label">Site 1</td>
                                                    <td>$1899.82</td>
                                                    <td>$82.99</td>
                                                </tr>
                                                <tr class="even">
                                                    <td class="label">Site 1</td>
                                                    <td>$1899.82</td>
                                                    <td>$82.99</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <br/>
                                <h3>Sales Stat</h3>
                                <dl class="accordion">
                                    <dt><a href="#"><img src="<?php echo $this->getSkinUrl('images/accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Last 5 Orders</strong></dt>
                                    <dd></dd>
                                    <dt><a href="#"><img src="<?php echo $this->getSkinUrl('images/accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Wishlist</strong> (5 items)</dt>
                                    <dd class="grid open">
                                        <table cellspacing="0" class="data">
                                            <thead>
                                                <tr>
                                                    <th>Product ID</th>
                                                    <th>Product Name</th>
                                                    <th>Price</th>
                                                </tr>
                                            </thead>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="2" class="a-right"><strong>Total</strong></td>
                                                    <td><strong>$400.99</strong></td>
                                                </tr>
                                            </tfoot>
                                            <tbody>
                                                <tr>
                                                    <td>00212</td>
                                                    <td>Some sort of product name goes here</td>
                                                    <td class="price">$82.99</td>
                                                </tr>
                                                <tr class="even">
                                                    <td>00212</td>
                                                    <td>Some sort of product name goes here</td>
                                                    <td class="price">$82.99</td>
                                                </tr>
                                                <tr>
                                                    <td>00212</td>
                                                    <td>Some sort of product name goes here</td>
                                                    <td class="price">$82.99</td>
                                                </tr>
                                                <tr class="even">
                                                    <td>00212</td>
                                                    <td>Some sort of product name goes here</td>
                                                    <td class="price">$82.99</td>
                                                </tr>
                                                <tr>
                                                    <td>00212</td>
                                                    <td>Some sort of product name goes here</td>
                                                    <td class="price">$82.99</td>
                                                </tr>
                                                <tr class="even">
                                                    <td>00212</td>
                                                    <td>Some sort of product name goes here</td>
                                                    <td class="price">$82.99</td>
                                                </tr>
                                            </tbody>
                                        </table></dd>
                                    <dt><a href="#"><img src="<?php echo $this->getSkinUrl('accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Gift Registries</strong> (0 items)</dt>
                                    <dd></dd>
                                    <dt><a href="#"><img src="<?php echo $this->getSkinUrl('images/accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Shopping Cart</strong> (1 item)</dt>
                                    <dd></dd>
                                </dl>





                            <br/><br/><!-- The two <br/>s exist only for example show. Erase during production -->
<!-- [starts] address list -->
                                <div class="head">
                                    <table cellspacing="0">
                                        <tr>
                                            <td style="width:50%;"><h2>Minu Oh - Addresses</h2></td>
                                            <td class="buttons">
                                                <strong class="button-alt"><span>Delete</span></strong>
                                                <strong class="button"><span>Save</span></strong>
                                                <strong class="button"><span>New Address</span></strong>
                                                </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="address-list">
                                    <h3>Customer Addresses</h3>
                                    <ul>
                                        <li class="on">
                                            <address>Minu Oh<br/>
                                                3402 Motor Ave Suite B<br/>
                                                Los Angeles, CA 90034<br/>
                                                T | 310-123-1234
                                            </address>
                                        </li>
                                        <li>
                                            <address>Minu Oh<br/>
                                                3402 Motor Ave Suite B<br/>
                                                Los Angeles, CA 90034<br/>
                                                T | 310-123-1234
                                            </address>
                                        </li>
                                        <li class="over">
                                            <address>Minu Oh<br/>
                                                3402 Motor Ave Suite B<br/>
                                                Los Angeles, CA 90034<br/>
                                                T | 310-123-1234
                                            </address>
                                        </li>
                                        <li>
                                            <address>Minu Oh<br/>
                                                3402 Motor Ave Suite B<br/>
                                                Los Angeles, CA 90034<br/>
                                                T | 310-123-1234
                                            </address>
                                        </li>
                                    </ul>
                                </div>
                                <div class="entry-edit">
                                    <h3>Edit Address Entry</h3>
                                    <form method="post" action="#">
                                        <fieldset>
                                            <ul>
                                                <li><label for="input_name_0">Input item label</label><input type="text" class="input-text" name="input_name_0" id="input_name_0"/></li>
                                                <li><label for="input_name_1">Input item label</label><input type="text" class="input-text" name="input_name_1" id="input_name_1"/></li>
                                                <li><label for="input_name_2">Input item label</label><input type="text" class="input-text" name="input_name_2" id="input_name_2"/></li>
                                                <li><label for="input_name_3">Input item label</label><input type="text" class="input-text" name="input_name_3" id="input_name_3"/></li>
                                                <li><label for="input_name_4">Input item label</label><input type="text" class="input-text" name="input_name_4" id="input_name_4"/></li>
                                                <li><label for="input_name_5">Input item label</label><input type="text" class="input-text" name="input_name_5" id="input_name_5"/></li>
                                            </ul>
                                        </fieldset>
                                    </form>
                                </div>
<!-- [ends] address list -->





                            </div>
                        </div>
    <!--[ends] .content-container -->

                        <div class="section-menu">
                            <h2>Customer Insight</h2>
                            <ul>
                                <li><a href="#"><span>Customer View</span></a></li>
                                <li><a href="#"><span>Account Information</span></a></li>
                                <li><a href="#"><span>Addresses</span></a></li>
                                <li><a href="#"><span>Orders</span></a></li>
                                <li><a href="#"><span>Gift Registries</span></a></li>
                                <li><a href="#"><span>Product Reviews</span></a></li>
                                <li><a href="#"><span>Wishlist</span></a></li>
                                <li><a href="#"><span>Shopping Cart</span></a></li>
                                <li><a href="#"><span>Newsletter</span></a></li>
                            </ul>
                            <div class="bottom"></div>
                        </div>
<!--[ends] .section-menu -->
                    </div>
                </div>
            </div>
<!--[ends] .middle -->

            <div class="footer">
                <p>Copyright &copy; 2008 Magento Commerce. All Right Reserved.<br/>
                <strong>Version 1.0</strong> | Powered by <a href="http://www.varien.com" target="varien">Varien</a></p>
            </div>
    </body>
</html>
